<script setup lang="ts">
/**
 * @property checked - Checkbox 是否被选中。
 */
const props = defineProps<{
  checked?: boolean
}>()
</script>

<template>
  <view
    class="h-36rpx w-36rpx flex items-center justify-center border-2rpx rounded-full border-solid"
    :class="[props.checked ? 'border-#3F8BF6 bg-[#3F8BF6]' : 'border-#aaaaaa']"
  >
    <image v-if="props.checked" class="h-24rpx w-24rpx" src="@/static/images/check.png" />
  </view>
</template>
